import time

import streamlit as st

# 全局配置
st.set_page_config(
    page_title="Hello",
    page_icon="👋",
    layout="wide"
)

# 页面内容
st.title("这是主界面")
st.markdown("这是一个简单的 Streamlit 应用程序。")

with st.sidebar:
    st.title("侧边栏")
    st.markdown("这是侧边栏的内容。")
    st.markdown("""
    - 特性 1
    - 特性 2
    - 特性 3
    """)

# 分布布局（Columns）
col1, col2 = st.columns(2)
with col1:
    st.title("列 1")
    st.markdown("这是第一列的内容。")
with col2:
    st.title("列 2")
    st.markdown("这是第二列的内容。")

# 标签页（Tabs）
tab1, tab2, tab3 = st.tabs(["标签页 1", "标签页 2", "标签页 3"])
with tab1:
    st.code('''
    import cv2
    image = cv2.imread('image.jpg')
    ''')

# 折叠容器（Expander）
expander = st.expander("查看详情")
expander.write("这是一个折叠容器的内容。")

# 动态占位符（Empty）
placeholder = st.empty()
for i in range(10):
    placeholder.write(f"这是第 {i + 1} 条动态内容。")
    time.sleep(1)

